@import "../../../commin/commin.less";

page {
	background-color: #f5f7fa;
}
.setPassword {
	width: 750rpx;

	.content {
		width: 702rpx;
		background: linear-gradient(0deg, #FFFFFF, #F4F6F8);
		border: 2rpx solid #FFFFFF;
		box-shadow: 4px 7px 20px 0px rgba(166,171,179,0.24);
		border-radius: 16rpx;
		margin: 16rpx auto 0 auto;
		padding: 40rpx 0;

		.tipsBox {
			padding: 0 48rpx;
			line-height: 1;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #303133;

			.tipsItem {
				margin-bottom: 16rpx;

				text {
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #646664;
					margin-right: 18rpx;
				}
			}
		}
		.form {
			width: 600rpx;
			margin: 60rpx auto 0 auto;

			.form_item {
				.uni-forms-item__box {
					border-bottom: 1px solid forestgreen;
				}
				.uni-forms-item {
					border-top: 0;
					border-bottom: 1px #eee solid;

					.code-inner {
						display: flex;
						align-items: center;

						.send-btn {
							padding: 0 16rpx;
							height: 56rpx;
							line-height: 56rpx;
							border: 1px solid #CACCCA;
							border-radius: 30rpx;
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #CACCCA;

							&.btn2 {
								border-color: var(--textColor);
								background: linear-gradient(105deg, #2b99ff, var(--textColor));
								color: #fff;
							}
						}
					}
				}

				.password_tips {
					position: absolute;
					left: 0;
					display: flex;
					align-items: center;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #FC724C;
					line-height: 1;
					margin-top: 40rpx;

					.desc {
						margin-left: 6rpx;
					}
				}
			}
		}
		.btn {
			width: 100%;
			height: 88rpx;
			line-height: 88rpx;
			background: #C0C4CC;
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #fff;
			opacity: 0.97;
			margin-top: 60px;

			&.btn2 {
				background: linear-gradient(105deg, #2b99ff, var(--textColor));
			}
		}
	}
}

.verify-box {
	.popupTxt {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #303133;
		line-height: 45rpx;
		margin: 31rpx 0 83rpx 0;

		a {
			color: var(--textColor);
		}
	}
	.verify-title {
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #606266;
		line-height: 45rpx;
	}
	.verify-code {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 32rpx 0;

		image {
			height: 52rpx;
			max-width: 200rpx;
		}
		text {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: var(--textColor);
			margin-left: 40rpx;
		}
	}
	.verify-input {
		border: 1px solid #909399;
		border-radius: 16rpx;
		height: 70rpx;
		padding-left: 24rpx;
		margin: 0 32rpx;

		.placeholderStyle {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #909399;
		}
	}
	.popupBtn {
		display: flex;
		margin: 0 auto;

		.popupBtn1 {
			width: 270rpx;
			height: 88rpx;
			line-height: 88rpx;
			border: 1px solid #909399;
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			text-align: center;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #909399;
		}
		.popupBtn2 {
			width: 270rpx;
			height: 88rpx;
			line-height: 88rpx;
			background: linear-gradient(105deg, #2b99ff, #1b8cf5);
			box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			text-align: center;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #fff;
			margin-left: 24rpx;
		}
	}
}
